<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 网页分三个部分 -->
		<!-- 结构html -->
		<!-- 表现css -->
		<!-- 行为javascrript -->
		<p>你好</p>
		<p class="hello">你好2</p>
		<p id="text" class="hello">你好2</p>
		<div>
			<p>你好3</p>
		</div>
		<p id="texta">你好4</p>
		<p id="textb">你好5</p>
	</body>
</html>

<style type="text/css">
/* 餐厅练习：https://flukeout.github.io/# */
/* 基本语法： 选择器 声明快 */
/* 通过选择器选中页面中指定元素 */
	/* 元素选择器 */
	p{
		color: red;
		font-size: 40px;
	}
	/* 类选择器 */
	.hello{
		color: blue;
		font-size: 40px;
	}
	/* id选择器 */
	#text{
		color: yellow;
		font-size: 40px;
	}
	/* 复合选择器 */
	/* 交集选择器 */
	div p{
		color: aqua;
		font-size: 40px;
	}
	/* 并集选择器 */
	#texta,#textb{
		color: aquamarine;
		font-size: 40px;
	}
</style>